<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <link rel="stylesheet" href="../css/bootstrap.css">
  <title>Document</title>
</head>
<body>

<div>
  <div class="row">
    <div class="col-xs-offset-2 col-xs-8">
      <div class="page-header"><h2>Router Test</h2></div>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-2 col-xs-offset-2">
      <div class="list-group">
        <a href="#/about" class="list-group-item router-link-exact-active router-link-active"
           one-link-mark="yes">About</a>
        <a href="#/home" class="list-group-item" one-link-mark="yes">Home</a></div>
    </div>
    <div class="col-xs-6">
      <div class="panel">
        <div class="panel-body">
          <div><h2>About</h2>
            <p>abc</p> <input type="text"></div>
        </div>
      </div>
      <div class="panel">
        <div class="panel-body">
          <div msg="abc"><h2>Home</h2>
            <div>
              <ul class="nav nav-tabs">
                <li><a href="#/home/news" class="router-link-exact-active router-link-active">News</a></li>
                <li><a href="#/home/message" class="">Message</a></li>
              </ul>
              <!-- news -->
              <ul>
                <li>News001</li>
                <li>News002</li>
                <li>News003</li>
              </ul>
              <!-- message -->
              <ul>
                <li><a href="#/home/message/detail/1" class="" one-link-mark="yes">Message001</a>
                  <button>push查看</button>
                  <button>replace查看</button>
                </li>
                <li><a href="#/home/message/detail/3" class="" one-link-mark="yes">Message003</a>
                  <button>push查看</button>
                  <button>replace查看</button>
                </li>
                <li><a href="#/home/message/detail/5" class="" one-link-mark="yes">Message005</a>
                  <button>push查看</button>
                  <button>replace查看</button>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
</body>
</html>
